<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('学历统计')"/>
    <th:block th:include="include :: layout-latest-css"/>
    <th:block th:include="include :: ztree-css"/>
    <th:block th:include="include :: select2-css"/>
</head>

<body class="gray-bg">
<div class="ui-layout-center">
    <div class="container-div">
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <form id="user-form">
                    <div class="select-list">
                        <ul>
                            <li>
                                姓名：<input type="text" name="name"/>
                            </li>
                            <li>
                                工号：<input type="text" name="badge"/>
                            </li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
                                        class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
                                        class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>

            <div class="btn-group-sm" id="toolbar" role="group">

            </div>

            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
</div>

<th:block th:include="include :: footer"/>
<th:block th:include="include :: layout-latest-js"/>
<th:block th:include="include :: ztree-js"/>

<script th:inline="javascript">
    var prefix = ctx + "empInfo/oftenQuery";
    $(function () {
        var panehHidden = false;
        if ($(this).width() < 800) {
            panehHidden = true;
        }
        $('body').layout({initClosed: panehHidden, west__size: 350});
        queryData();
    });

    function queryData() {
        var columns = [];
        var depCode = {field: 'depCode', title: '部门代码'};
        var title = {field: 'title', title: '部门名称'};
        var DepGradeTitle = {field: 'DepGradeTitle', title: '部门级别'};
        var CompIdTitle = {field: 'CompIdTitle', title: '所属公司'};
        var bshf = {field: 'bshf', title: '博士后（非全日制）'};
        var bsh = {field: 'bsh', title: '博士后'};
        var bsf = {field: 'bsf', title: '博士（非全日制）'};
        var bs = {field: 'bs', title: '博士'};
        var ssf = {field: 'ssf', title: '硕士（非全日制）'};
        var ss = {field: 'ss', title: '硕士'};
        var bkf = {field: 'bkf', title: '本科（非全日制）'};
        var bk = {field: 'bk', title: '本科'};
        var zkf = {field: 'zkf', title: '专科（非全日制）'};
        var zk = {field: 'zk', title: '专科'};
        var zzf = {field: 'zzf', title: '中专（非全日制）'};
        var zz = {field: 'zz', title: '中专'};
        var gzjyx = {field: 'gzjyx', title: '高中及以下'};


        columns.push(depCode,title,DepGradeTitle,CompIdTitle,bshf,bsh,bsf,bs,ssf,ss,bkf,bk,zkf,zk,zzf,zz,gzjyx);

        var options = {
            url: prefix + "/xueLiStatistics",
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            detailUrl: prefix + "/detail/{id}",
            escape: true,
            showPageGo: true,
            rememberSelected: true,
            height: $(window).height() - 120,
            sortOrder: "desc",
            modalName: "学历统计",
            columns: columns
        };
        $.table.init(options);
    }


</script>
</body>
</html>